<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/Reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js"></script>
</head>
<body>
<div id="all">
    <div id="top">
        <ul>
            <li><a href="#">购车贷款计算</a>
            <li><a href="#">购车税费</a>
        </ul>
        <img src="../img/logo.png" alt="">
    </div>
    <div id="mid">
        <div id="content1">

            <table id="tab1">
                <tr>
                    <td>裸车价格</td>
                    <td colspan="3"><input type="text" placeholder="金额" id="num1"> 万元</td>
                </tr>
                <tr>
                    <td>首付比例</td>
                    <td colspan="3"><select name="#" id="sel1">
                        <option value="">一成</option>
                        <option value="">二成</option>
                        <option value="">三成</option>
                        <option value="">四成</option>
                        <option value="">五成</option>
                        <option value="">六成</option>
                        <option value="">七成</option>
                        <option value="">八成</option>
                        <option value="">九成</option>

                    </select></td>
                </tr>
                <tr>
                    <td>借款期限</td>
                    <td colspan="3">
                        <select name="#" id="sel2">
                            <option value="">1个月</option>
                            <option value="">2个月</option>
                            <option value="">3个月</option>
                            <option value="">4个月</option>
                            <option value="">5个月</option>
                            <option value="">6个月</option>
                            <option value="">7个月</option>
                            <option value="">8个月</option>
                            <option value="">9个月</option>
                            <option value="">10个月</option>
                            <option value="">11个月</option>
                            <option value="">12个月</option>
                        </select>
                    </td>

                </tr>
                <tr>
                    <td>借款年利率</td>
                    <td>
                        <select name="" id="sel3">
                            <option value="5.6">5.6%(六个月及以内)</option>
                            <option value="6.0">6%(六个月及以内)</option>
                        </select>
                    </td>
                    <td>
                        <select name="" id="sel4">
                            <option value="0">无折扣</option>
                            <option value="0.1">一折</option>
                        </select>
                    </td>
                    <td>=<input type="text" value="5.6" id="num3">%</td>
                </tr>
            </table>


        </div>
        <div id="content2">
            <table>
                <tr>
                    <td><span>裸车价格</span></td>
                    <td><input type="text" id="num2">万元</td>
                </tr>
                <tr>
                    <td>车辆排量</td>
                    <td>
                        <select name="" id="sel5">
                            <option value="">1.0L-1.6L(含)</option>
                            <option value="">1.6L-2.0L(含)</option>
                            <option value="">2.0L-3.0L(含)</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>计划上牌地&nbsp&nbsp&nbsp</td>
                    <td>
                        <select name="" id="sel6">
                            <option value="">B-北京</option>
                            <option value="">S-上海</option>
                            <option value="">G-广州</option>
                            <option value="">S-深圳</option>
                        </select>
                        (首字母)
                    </td>
                </tr>
                <tr>
                    <td>车辆情况&nbsp&nbsp&nbsp</td>
                    <td>
                        <input type="radio" name="counts" id="more" checked>六座以上
                        <input type="radio" name="counts" id="less">六座以下
                    </td>
                </tr>
            </table>
        </div>
        <div id="midbottom">
            <button id="btn3">立即计算</button>
            <div id="reset">
                <img src="../img/reset.png" alt="">
                <a href="#">清空</a>
            </div>
        </div>
    </div>
    <div id="bottom">
        <div id="bottom-top">
            <div id="bg"></div>
            <div id="content3">
                <span>计算结果</span>
                <table id="tab2">
                    <tr>
                        <td colspan="2">
                            <span>每月还款</span><input type="text" id="result1">元
                        </td>

                    </tr>
                    <tr>
                        <td> <span>利息总额</span><input type="text" id="result2">元&nbsp&nbsp&nbsp&nbsp</td>

                        <td> <span>累计还款总额</span><input type="text" id="result3">元</td>
                    </tr>
                </table>
                <table id="tab3">
                    <tr>
                        <td colspan="2"><span>费用合计</span><input type="text" id="result4">元</td>
                    </tr>
                    <tr>
                        <td><span>新车购置税</span><input type="text" id="result5">元&nbsp&nbsp&nbsp&nbsp</td>
                        <td><span>车船使用税</span><input type="text" id="result6">元</td>
                    </tr>
                    <tr>
                        <td><span>上牌费用</span><input type="text"id="result7">元</td>
                        <td><span>交强险费用</span><input type="text" id="result8">元</td>
                    </tr>
                </table>
            </div>

        </div>
        <div id="text">	&copy;版权所有restvhap@hotmail.com</div>
    </div>


</div>

</body>
</html>